window#waybar {
    /* background: linear-gradient( */
    /*     rgba(20, 20, 20, 0.4), */
    /*     transparent */
    /* ); */
    color: #e2e1de;
    background: transparent;
    font-family: "Iosevka Custom QP", "Noto Sans CJK";
    font-size: 12pt;
    font-weight: 600;
    padding: 1;
}

button {
    font-weight: bold;
    box-shadow: inset 0 3px transparent;
    border: none;
    border-radius: 0;
}

button:hover {
    box-shadow: inset 0 3px #349cc3;
    background: inherit;
    transition: unset;
}

#tags button,
#workspaces button {
    padding: 1 4;
}

#workspaces button {
    background: linear-gradient(
        rgba(40, 40, 40, 0.8),
        rgba(40, 40, 40, 0.4)
    );
    color: #e2e1de;
}

#workspaces button.empty {
    background: transparent;
    color: #e2e1de;
}

#tags button.occupied {
    background: linear-gradient(
        rgba(40, 40, 40, 0.8),
        rgba(40, 40, 40, 0.4)
    );
    color: #e2e1de;
}

#tags button.urgent,
#workspaces button.urgent {
    background: linear-gradient(
        rgba(223, 113, 90, 0.6),
        rgba(223, 113, 90, 0.2)
    );
    color: #e2e1de;
}

#tags button:hover,
#workspaces button:hover {
    transition: unset;
    text-shadow: none;
    border-radius: unset;
    box-shadow: inset 0 3px transparent;
    background: linear-gradient(
        rgba(226, 225, 222, 0.6),
        rgba(226, 225, 222, 0.2)
    );
}

#tags button.active,
#tags button.focused,
#workspaces button.active,
#workspaces button.focused {
    box-shadow: inset 0 3px #349cc3;
}

#window {
    color: #e1d0ad;
    font-size: 10pt;
}

#mode,
#submap {
    color: #c17ca2;
}

#cpu,
#clock,
#network,
#memory,
#language {
    box-shadow: inset 0 -2px #e2e1de;
}

#clock {
    margin-right: 12px;
}
